{extend name="common/userbase"}
{block name="title"}我的二维码{/block}
{block name="header-content"}
<div class="am-header-left am-header-nav">
    <a href="#left-link" class="">
        <i class="am-header-icon am-icon-chevron-left"></i>
    </a>
</div>
<h1 class="am-header-title">
    <a href="#title-link" class="">会员中心</a>
</h1>
<div class="am-header-right am-header-nav">
    <a href="#right-link" class="">
        <i class="am-header-icon  am-icon-home"></i>
    </a>
</div>
{/block}

{block name="content"}
    <div class="my-nav-bar">
    	<ol class="am-breadcrumb">
          <li><a href="#">首页</a></li>
          <li><a href="#">我的推广名片</a></li>
        </ol>
    </div>
    <div class="am-cf cart-panel">
    	<div class="withdrawals-panel">
        	<div class="am-cf qrcode-title-panel">
            	<div class="qrcode-face"><img src="{$userInfo['header_img']}" class="am-img-responsive" /></div>
                <div class="qrcode-myinfo">
                    <p>我是 {$userInfo['nickname']}</p>
                    <p>我为某某某代言</p>
            	</div>
            </div>
            <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
            <p class="am-text-center">我的推广二维码</p>
            <p class="am-text-center"><img src="{:url('qrcode')}" class="qrcode-qrcode" /></p>
            <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
            <p class="am-text-left">我的推广代码</p>
            <form class="am-form">
            <div class="am-form-group">
              <textarea class="" rows="3" id="doc-ta-1">{$text}</textarea>
            </div>
            <div class="am-form-group">
            	<p class="am-text-right"><a class="am-btn am-btn-danger am-show-sm-only am-btn-sm am-radius" href="javascript:;" onClick="jQuery.AMUI.share.open();">立即分享</a></p>
                <p class="am-text-right"><a class="am-btn am-btn-danger am-show-lg-up am-btn-sm am-radius" href="javascript:;" onClick="jQuery.AMUI.share.open();">立即分享</a></p>
            </div>
            </form>
        </div>
    </div>
{/block}